.calendar{flex-direction:column;display:flex}.calendar-header,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.calendar-cell{height:50px;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;display:flex}.icon-container{height:40px;justify-content:center;align-items:center;display:flex}.header{background-color:#f4f4f4;font-weight:700}.day{background-color:#fff;position:relative}.day-number{margin-bottom:5px;font-size:1em}.day-icon{color:#007bff;font-size:1em;position:absolute;bottom:5px;right:5px}.empty{background-color:#f9f9f9}.calendar-cell.current-day{color:#fff;background-color:#aedeae;border-radius:50%;font-weight:700}.calendar-navigation{justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.nav-button{cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;transition:color .2s}.nav-button:hover{color:#007bff}.calendar-header-navigation{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.nav-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;font-weight:700}.nav-button:hover{background-color:#0056b3}.calendar-title{text-align:center;flex-grow:1;font-size:1.5rem;font-weight:700}.played-icon{margin-bottom:1px;font-size:1.5em}.close-btn2c{color:#fff;cursor:pointer;background-color:green;border:none;padding:10px}.calendar-cell{transition:background-color .3s}.calendar-cell.hovered{background-color:#add8e6}.calendar-cell.selected{background-color:#add8e6!important}.btn-close{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:8px 16px}.btn-close:hover{background-color:#0056b3}